/*pub-1|2013-10-29 15:23:59*/
body {
	font: 12px/1.5 Tahoma, Helvetica, Arial, '\5B8B\4F53', sans-serif
}

html,legend {
	color: #404040;
	background: #fff
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,button,textarea,p,blockquote,th,td
	{
	margin: 0;
	padding: 0
}

table {
	border-collapse: collapse;
	border-spacing: 0
}

fieldset,img {
	border: 0
}

address,caption,cite,code,dfn,em,strong,th,var {
	font-style: normal;
	font-weight: normal
}

li {
	list-style: none
}

caption,th {
	text-align: left
}

h1,h2,h3,h4,h5,h6 {
	font-size: 100%
}

h1 {
	font-size: 18px
}

h2 {
	font-size: 16px
}

h3 {
	font-size: 14px
}

q:before,q:after {
	content: ''
}

abbr,acronym {
	border: 0;
	font-variant: normal
}

sup {
	vertical-align: text-top
}

sub {
	vertical-align: text-bottom
}

input,button,textarea,select {
	font-family: inherit;
	font-size: inherit;
	font-weight: inherit
}

input,button,textarea,select {
	*font-size: 100%
}

select,input,button,textarea {
	font: 100% Tahoma, Helvetica, Arial, sans-serif
}

table {
	font-size: inherit;
	font: 100%
}

a {
	color: #08C;
	text-decoration: none
}

a:hover {
	color: #F60;
	text-decoration: underline
}

.long-btn {
	width: 100px;
	height: 25px;
	line-height: 25px;
	background: url(https://s.tbcdn.cn/sys/common/img/btn_bg.png) no-repeat
		scroll 0 -300px;
	font-size: 12px;
	border: medium none;
	color: #fff;
	cursor: pointer;
	display: inline-block;
	font-weight: bold;
	text-align: center
}

a.long-btn:hover {
	color: #fff
}

.clearfix:after {
	content: '\0020';
	display: block;
	height: 0;
	clear: both
}

.clearfix {
	zoom: 1
}

.ks-overlay {
	position: absolute;
	left: -9999px;
	top: -9999px;
	z-index: 100001
}

.ks-ext-mask {
	background-color: #000;
	opacity: .5;
	filter: alpha(opacity =   50);
	z-index: 100002
}

.login-box .field {
	position: relative;
	z-index: 1
}

.pwd-field {
	z-index: 2
}

.login-box.loading .bd {
	display: none
}

.login-box.loading {
	height: 270px;
	background: url(../images/loading.gif) no-repeat 50% 50%
}

@
keyframes tipsShow {
	from {opacity: 0;
	top: 0
}

to {
	opacity: 1;
	top: -10px
}

}
@
-moz-keyframes tipsShow {
	from {opacity: 0;
	top: 0
}

to {
	opacity: 1;
	top: -10px
}

}
@
-webkit-keyframes tipsShow {
	from {opacity: 0;
	top: 0
}

to {
	opacity: 1;
	top: -10px
}

}
@
-o-keyframes tipsShow {
	from {opacity: 0;
	top: 0
}

to {
	opacity: 1;
	top: -10px
}

}
.tips {
	line-height: 16px;
	padding: 3px 5px;
	color: #666;
	background-color: #fff8e7;
	border: 1px solid #d4c9b3;
	border-radius: 3px;
	position: absolute
}

.tips.show {
	animation: tipsShow .5s;
	-webkit-animation: tipsShow .5s;
	-moz-animation: tipsShow .5s;
	-o-animation: tipsShow .5s
}

.tips i {
	display: block;
	width: 12px;
	height: 6px;
	overflow: hidden;
	position: absolute;
	left: 8px;
	bottom: -6px;
	background: url(../images/phone-tip.png) no-repeat 0 0
}

.tips a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 16px;
	height: 16px;
	margin-left: 2px;
	vertical-align: middle;
	text-indent: -9999em;
	outline: 0;
	background: url(../images/stuff.png) no-repeat -325px -367px
}

#footer {
	border-top: 1px solid #d1d7dc;
	clear: both;
	margin: 10px auto;
	text-align: center;
	padding-top: 10px
}

#footer .foot-nav {
	display: block;
	height: 20px;
	margin: 0 auto 0
}

#footer .foot-nav a {
	margin: 0 7px
}

#footer .ali-group {
	margin: 5px auto
}

#footer .ali-group a {
	margin: 0 1px
}

#footer .copyright {
	clear: both;
	margin: 15px auto 0
}

#server-num {
	color: #FFF;
	font-size: 11px
}

.g_foot {
	font: 12px/1.5 tahoma, arial, \5b8b\4f53b8b\4f53;
	padding: 0px;
	color: #b0b0b0;
	text-align: left;
	position: relative
}

.g_foot a {
	margin: 0 4px;
	color: #3e3e3e;
	text-decoration: none
}

.g_foot a:hover {
	color: #F60;
	text-decoration: underline
}

.g_foot-ali {
	padding-left: 0;
	border-bottom: 1px solid #d3d3d3;
	padding-bottom: 8px
}

.g_foot-nohover {
	cursor: default
}

.g_foot-nohover:hover {
	color: #3e3e3e !important;
	text-decoration: none !important
}

.g_foot-ali b {
	margin: 0 4px;
	color: #d3d3d3;
	font-weight: normal
}

.g_foot-nav {
	margin-top: 8px;
	line-height: 20px;
	width: 925px;
	text-align: right
}

.g_foot-nav span {
	margin-left: 50px
}

.g_foot-toy {
	position: absolute;
	background: url(../images/ttoy.png) no-repeat;
	width: 69px;
	height: 100px;
	display: block;
	right: 0;
	top: -2px;
	zoom: .7
}

:root .g_foot-toy {
	right: -20px\9
}

.g_foot-line {
	position: absolute;
	background: url(../images/line.png) no-repeat;
	width: 104px;
	height: 1px;
	display: block;
	right: 45px;
	top: 33px
}

#page,#page3 {
	width: 950px;
	margin-left: auto;
	margin-right: auto
}

.login-box .msg p.error {
	background: url(../images/stuff.png) no-repeat -319px -449px #fff2f2;
	border-color: #ff8080;
	line-height: 18px;
	padding: 2px 10px 2px 23px
}

.login-box .msg p {
	border: 1px solid #ccc;
	float: none;
	white-space: normal;
	word-wrap: break-word
}

body {
	background-image: none
}

#header {
	padding-top: 0
}

#logo {
	padding: 20px 0 0 52px
}

.login {
	position: relative;
	min-height: 400px;
	_height: 400px
}

.login-bg {
	position: absolute;
	width: 424px;
	height: 283px;
	overflow: hidden;
	left: 50px;
	top: 0;
	z-index: 0
}

.login-box {
	position: relative;
	width: 310px;
	margin: 48px 0 48px 600px;
	z-index: 1;
	border: 1px solid #dedede
}

.login-box .hd {
	height: 39px;
	padding: 5px 0;
	margin: 0 20px;
	position: relative;
	z-index: 1
}

.login-box .hd li {
	padding: 3px 0 0
}

.login-box .hd h2 {
	display: block;
	height: 35px;
	overflow: hidden;
	line-height: 36px;
	font-size: 14px;
	padding-left: 10px;
	color: #4d4d4d;
	z-index: 1;
	border-bottom: 1px solid #ededed
}

.module-static .hd,.module-dynamic .hd {
	display: none
}

.alipay-page .module-static .hd,.alipay-page .module-dynamic .hd {
	display: block
}

.module-static,.module-dynamic {
	padding: 15px 0
}

.alipay-page .module-static,.alipay-page .module-dynamic {
	padding: 0
}

.login-box .bd {
	position: relative;
	z-index: 2;
	margin: 0 30px
}

.login-box .bd .taobao-box,.login-box .bd .alipay-box {
	margin: 10px 0;
	color: #666;
	zoom: 1
}

.login-box .bd .alipay-box {
	padding-bottom: 20px
}

.login-box #J_Mobile {
	margin-bottom: 10px
}

.login-box .field {
	padding-bottom: 12px;
	zoom: 1
}

.login-box .dynamic .field {
	padding-bottom: 7px
}

.login-box .field label {
	display: block;
	font-weight: bold;
	padding-bottom: 5px
}

.login-box .login-text {
	width: 242px;
	height: 18px;
	line-height: 18px;
	padding: 3px;
	border: solid 1px #CCC;
	vertical-align: middle
}

*+html .login-box .login-text {
	margin-left: -2px
}

.login-box input.tb-input-hint {
	color: Silver
}

.login-box .password-edit {
	display: inline-block;
	height: 28px;
	overflow: hidden;
	margin-left: -1px;
	*margin-left: -3px;
	_margin-left: -1px;
	vertical-align: middle
}

#J_StandardPwd {
	display: inline-block;
	height: 28px;
	vertical-align: middle
}

.login-box .password-edit-tmp {
	display: block;
	width: 0;
	height: 0;
	overflow: hidden
}

.J_CheckCode {
	ime-mode: disabled
}

.login-box .mobile-num {
	background: #FFF url(../images/stuff.png) no-repeat 234px -164px
}

.login-box .mobile-check {
	width: 80px
}

.login-box .field-checkcode {
	padding-top: 5px;
	padding-bottom: 0;
	position: static
}

.login-box .checkcode {
	width: 65px
}

.login-box .only_img_code .checkcode {
	margin-right: 1px
}

.login-box .audio_code {
	display: inline-block;
	zoom: 1;
	*display: inline;
	width: 16px;
	height: 16px;
	vertical-align: middle
}

.login-box .field .warning-tip {
	display: block;
	padding: 0;
	color: #ff0a0a;
	font-weight: 400
}

.login-box .highlight {
	border: solid 1px #f63
}

.login-box .code-tip {
	display: block;
	padding: 5px 0 2px 92px
}

.login-box .change-code {
	display: inline-block;
	line-height: 14px;
	margin: 0;
	vertical-align: middle;
	color: #666
}

.login-box .change-code:hover {
	color: #F60
}

.login-box .check-code-img {
	border: 0;
	height: 30px;
	vertical-align: middle;
	width: 100px;
	margin-right: 1px
}

.login-box .field .select-wrap {
	display: inline-block;
	position: relative;
	width: 180px;
	height: 24px;
	border: solid 1px #c8c8c8;
	vertical-align: middle;
	background: #fff
}

*+html .login-box .field .select-wrap {
	margin-left: -2px
}

.login-box .field select {
	position: absolute;
	width: 176px;
	height: 20px;
	line-height: 20px;
	border: 0;
	*clip: rect(1px, 175px, 19px, 1px);
	left: 2px;
	top: 2px;
	outline: 0
}

.login-box .tip {
	color: #808080
}

.login-box .submit {
	overflow: hidden;
	clear: both;
	zoom: 1
}

.login-box .submit button {
	width: 250px;
	height: 33px;
	border: 0;
	display: inline-block;
	overflow: hidden;
	vertical-align: middle;
	line-height: 31px;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	background: url(../img/homepage/c.png) no-repeat 0 0;
	cursor: pointer;
	zoom: 1
}

.login-box .submit button:hover,.login-submit button.hover {
	background-position: 0 -33px
}

.login-box .safe,.login-box .submit {
	padding-top: 5px
}

.login-box .safe {
	position: relative;
	padding-top: 0;
	padding-bottom: 5px
}

.login-box .safe input {
	margin-right: 3px;
	vertical-align: middle
}

.login-box .safe label {
	vertical-align: middle;
	color: #aaa
}

.dynamic .static-pwd {
	padding-bottom: 5px;
	text-align: right
}

.dynamic .static-link {
	color: #666;
	padding-right: 13px;
	background: url(c.png) no-repeat 98px -179px
}

.dynamic .static-link:hover {
	color: #F60
}

.login-box ul.entries {
	padding-top: 8px;
	overflow: hidden;
	zoom: 1
}

.login-box ul.entries li {
	float: left;
	word-break: keep-all
}

.login-box ul.entries .dynamic-pwd {
	padding-left: 23px
}

.login-box ul.entries .other-login {
	color: #666
}

.login-box ul.entries .other-login a {
	display: inline-block;
	zoom: 1;
	*display: inline;
	padding-left: 16px;
	vertical-align: middle;
	overflow: hidden
}

.alipay-login {
	background: url(c.png) no-repeat 0 -144px
}

.weibo-login {
	padding-left: 20px !important;
	background: url(c.png) no-repeat 0 -213px
}

.login-box ul.entries .register {
	float: right
}

.login-box ul.entries a {
	color: #666
}

.login-box ul.entries .register a,.login-box ul.entries .return-alipay-link
	{
	color: #08C
}

.login-box ul.entries a:hover,.login-box ul.entries .return-alipay-link:hover
	{
	color: #F60
}

.login-box .forget-pw,.login-box .dynamic-link {
	position: absolute;
	right: 0;
	top: 0
}

.login-box .dynamic-link {
	color: #666;
	padding-right: 12px;
	background: url(c.png) no-repeat 98px -108px
}

.login-box .dynamic-link:hover {
	color: #F60
}

.login-box .msg {
	overflow: hidden;
	margin-bottom: 5px
}

.login-box .msg p {
	float: none;
	white-space: normal;
	word-wrap: break-word
}

.login-box .msg p.error {
	background-image: url(../images/stuff.png);
	background-position: -319px -449px
}

.login-help,.login-help .hd,.login-help .bd,.login-help .ft {
	background: url(../images/arrow_box_bg.png) no-repeat
}

.login-help {
	position: absolute;
	width: 455px;
	left: 35px;
	top: 48px;
	background-position: -540px 0;
	background-repeat: repeat-y;
	z-index: 2
}

.login-help .hd {
	height: 20px;
	padding-top: 14px;
	line-height: 20px;
	background-position: -50px 0
}

.login-help .hd h2 {
	font-size: 14px;
	text-indent: 35px;
	background: url(../images/stuff.png) no-repeat -308px -385px
}

.login-help .bd {
	padding: 0 36px 0 14px;
	background-position: 428px 40%
}

.login-help .bd dt {
	line-height: 22px;
	margin-top: 12px;
	font-weight: bold;
	padding-left: 20px;
	background: url(../images/stuff.png) no-repeat -318px -415px
}

.login-help .bd dd {
	line-height: 20px;
	padding-left: 20px
}

.login-help .ft {
	height: 24px;
	background-position: -1020px bottom
}

.install-plugin-popup {
	position: absolute;
	width: 341px;
	padding: 3px;
	border: solid 1px #bcbcbc;
	background: #efefef
}

.install-plugin-popup .wrap {
	border: solid 1px #dedede;
	background: #fff
}

.install-plugin-popup .hd {
	height: 32px;
	padding-left: 20px;
	background: url(../images/stuff.png) no-repeat 0 0
}

.install-plugin-popup h3 {
	height: 32px;
	line-height: 32px;
	font-size: 14px;
	color: #fff
}

.install-plugin-popup .close {
	position: absolute;
	width: 15px;
	height: 15px;
	line-height: 100px;
	overflow: hidden;
	right: 14px;
	top: 12px;
	cursor: pointer
}

.install-plugin-popup .bd {
	padding: 20px 25px
}

.install-plugin-popup .bd h4 {
	font-size: 12px;
	font-weight: bold
}

.install-plugin-popup .bd ul {
	margin: 5px 0 8px;
	color: #636363
}

.install-plugin-popup .bd ul li {
	line-height: 20px;
	padding-left: 8px;
	background: url(../images/stuff.png) no-repeat 0 -40px
}

.install-plugin-popup .bd strong {
	display: block;
	padding-left: 15px;
	font-size: 12px;
	background: url(../images/stuff.png) no-repeat -326px -62px;
	color: #f60
}

.install-plugin-popup .bd .buttons {
	margin: 18px 0 2px;
	text-align: center
}

* html .popup-shim {
	position: absolute;
	width: 100%;
	height: 100%;
	border: 0;
	left: 0;
	top: 0;
	filter: alpha(opacity = 0);
	z-index: 100001
}

.beta-tip {
	margin-bottom: 20px;
	text-align: center
}

.long-login-hover,.safe-login-hover {
	background: url(../images/sprit2.png) no-repeat 0 0
}

.long-login-help {
	width: 12px;
	height: 12px;
	*margin-left: 3px;
	display: inline-block;
	*display: inline;
	zoom: 1;
	text-indent: -1000px;
	overflow: hidden;
	font-size: 0;
	vertical-align: middle;
	background: url(../images/stuff.png) no-repeat -325px -367px
}

.long-login,.safe-login {
	position: relative;
	zoom: 1;
	height: 22px;
	display: inline-block;
	*display: inline;
	vertical-align: middle;
	line-height: 22px;
	padding: 2px 0 2px 3px;
	color: #999;
	overflow: hidden;
	z-index: 5;
	*padding: 2px 0 2px 4px
}

.long-login-hover,.safe-login-hover {
	background-position: 0 4px;
	background-position: 0 2px\0;
	*background-position: 1px 2px
}

.login-tips {
	line-height: 18px;
	clear: both;
	overflow: visible;
	color: #ca3e12;
	background-color: #fff;
	border: 1px solid #ccc;
	display: none;
	margin-top: -1px;
	_margin-top: 0;
	word-wrap: break-word;
	background-position: 0 -26px;
	padding: 0 5px 2px;
	border-radius: 4px;
	filter: alpha(opacity = 85);
	opacity: .85;
	position: absolute;
	*left: 0;
	*top: 25px
}

.login-tips
 
.s
,
.login-tips
 
.tl
,
.login-tips
 
.tl
,
.login-tips
 
.tl
,
.login-tips
 
.tl
,
{
display
:none
}
.login-box .safe input {
	margin-right: 6px;
	*margin-right: 3px;
	*margin-left: -3px
}

.submit .long-login {
	width: 120px;
	display: block;
	height: 22px;
	line-height: 22px;
	margin-top: 4px;
	padding: 2px 0 0 3px;
	*margin-top: 0;
	*padding: 0;
	margin-left: 80px
}

.submit .long-login input {
	padding: 0;
	*margin-left: -1px
}

.submit .login-tips {
	position: relative;
	z-index: 1;
	margin-top: -1px
}

.submit .long-login-hover {
	background-position: 0 0
}

.dynamic-tips {
	margin: 0 0 8px;
	background-color: #fcfbe5;
	border: 1px solid #ded9bf
}

.dynamic-tips .rc-tp,.dynamic-tips .rc-bt {
	display: block;
	height: 1px;
	overflow: hidden
}

.dynamic-tips .rc-tp s,.dynamic-tips .rc-bt s {
	display: block;
	width: 1px;
	height: 1px;
	background-color: #fafafa
}

.dynamic-tips .rc-tp .r,.dynamic-tips .rc-bt .r {
	float: right
}

.dynamic-tips .rc-tp .l,.dynamic-tips .rc-bt .l {
	float: left
}

.dynamic-tips,.dynamic-tips .tips {
	overflow: hidden;
	zoom: 1
}

.dynamic-tips .tips {
	padding: 6px 10px;
	margin: -1px 0;
	color: #808080;
	background: 0;
	position: static;
	border: 0
}

.dynamic-tips em {
	color: #F50
}

.dynamic-tips .left-text {
	width: 82px;
	padding-top: 5px;
	float: left
}

.dynamic-tips .right-text {
	width: 158px;
	padding-left: 10px;
	line-height: 16px;
	float: left
}

.dynamic-tips .right-text em {
	padding-left: 6px
}

.login-box .dynamic .login-text {
	width: 242px
}

.login-box .dynamic .field input {
	position: relative
}

a.feedback {
	background: url(../images/sprit2.png) 0 -26px no-repeat;
	padding-left: 18px
}

.tip_kb {
	margin: 0 20px 5px;
	text-align: right
}

.phone-tips {
	left: 50px;
	top: -10px
}

.remark {
	display: none;
	position: absolute;
	padding: 25px 20px 0
}

.remark em {
	color: #999
}

.alipay-page .remark {
	padding: 10px 20px 0
}

.module-static .remark-static,.module-dynamic .remark-dynamic,.module-quick .remark-quick
	{
	display: block
}

.nickx {
	display: none;
	width: 16px;
	height: 16px;
	background: url(c.png) no-repeat 4px -310px;
	position: absolute;
	left: 230px;
	top: 28px;
	z-index: 1000;
	cursor: pointer;
	filter: alpha(opacity = 70);
	opacity: .7
}

.nickx:hover {
	filter: alpha(opacity = 100);
	opacity: 1
}

.ph-label {
	position: absolute;
	padding: 0 0 0 6px;
	line-height: 26px;
	height: 26px;
	color: #404040;
	opacity: 1;
	transition: all .2s ease-out;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-out
}

.field-checkcode .ph-label {
	margin-top: 2px
}

.ph-hide .ph-label {
	opacity: 0;
	visibility: hidden
}

.ph-focus .ph-label {
	color: #AAA
}

.quick-login,.dynamic,.module-dynamic .static,.module-dynamic .quick-login,.module-quick .static,.module-quick .dynamic
	{
	display: none
}

.module-quick .quick-login,.module-dynamic .dynamic {
	display: block
}

.no-longlogin .long-login,.no-longlogin .long-login-help,.no-longlogin .login-tips
	{
	display: none
}

.no-safe .safe-login {
	visibility: hidden
}

.no-reg .register {
	visibility: hidden
}

.no-dynamic .entries .register {
	background: 0
}

.no-dynamic .dynamic-pwd {
	display: none
}

.hidden {
	display: none
}

.ql-box {
	padding: 10px 0 0 0
}

.ql-single .r-sso-user {
	display: none
}

.ql-userlist .r-sso-user {
	vertical-align: middle
}

.ql-box .userlist .current {
	font-weight: bold
}

.ql-box .userlist li {
	height: 2em
}

.ql-box .userlist {
	height: 8em;
	overflow: auto;
	margin: 10px 0 0;
	padding: 0
}

.ql-box ul.entries a {
	color: #08C
}

.ql-box ul.entries a:hover {
	color: #F60
}

body {
	-webkit-transform-style: preserve-3d
}

.login {
	-webkit-transform: translateZ(0);
	-webkit-perspective: 1600px;
	-moz-perspective: 1600px
}

.login-box {
	position: absolute;
	background-color: #FFF
}

.login-bg {
	top: 0px
}

.qrcode-login {
	display: none;
	position: absolute;
	width: 310px;
	margin: 48px 0 48px 600px;
	min-height: 235px;
	_height: 235px;
	z-index: 1;
	border: 1px solid #dedede;
	padding-bottom: 25px;
	background-color: #FFF;
	-webkit-transform: translateZ(0)
}

.qrcode-desc {
	margin: 0 25px;
	padding: 30px 0 18px;
	color: #b0b0b0;
	border-bottom: 1px dashed #f2f2f2
}

.qrcode-desc em {
	color: #404040
}

.qrcode-err {
	display: none;
	padding: 30px 25px 18px 94px;
	border-bottom: 1px dashed #f2f2f2;
	background: #fdf6f3 url(c.png) no-repeat -162px -322px
}

.qrcode-err h6 {
	font-size: 14px;
	font-weight: bold
}

.qrcode-img {
	width: 105px;
	height: 105px;
	margin: 0 auto;
	padding: 20px 0
}

.qrcode-panel {
	color: #b0b0b0;
	text-align: center
}

.qrcode-panel a {
	margin: 0 3px
}

.qrcode-msg {
	display: none;
	padding-top: 100px
}

.qrcode-b-ok,.qrcode-b-err {
	display: none;
	padding: 0 25px 18px 94px;
	background: url(c.png) no-repeat -136px -421px
}

.qrcode-b-ok h6,.qrcode-b-err h6 {
	font-size: 14px;
	font-weight: bold
}

.qrcode-b-err {
	background-image: url(c.png);
	background-position: -164px -352px
}

.qrcode-login a {
	color: #3875a4
}

.qrcode-login a:hover {
	color: #F60
}

.btn-2login,.btn-2qrcode {
	display: none;
	width: 26px;
	height: 27px;
	text-indent: -9999em;
	outline: 0;
	overflow: hidden;
	position: absolute;
	top: 3px;
	background: url(c.png) no-repeat -224px -106px;
	z-index: 0
}

.btn-2login {
	left: -4px
}

.btn-2login:hover {
	background-position: -224px -79px
}

.btn-2qrcode {
	background-position: -224px -170px;
	right: -4px
}

.btn-2qrcode:hover {
	background-position: -224px -143px
}

@
keyframes tipsShow2 {
	from {opacity: 0;
	top: -15px
}

to {
	opacity: 1;
	top: -25px
}

}
@
-moz-keyframes tipsShow2 {
	from {opacity: 0;
	top: -15px
}

to {
	opacity: 1;
	top: -25px
}

}
@
-webkit-keyframes tipsShow2 {
	from {opacity: 0;
	top: -15px
}

to {
	opacity: 1;
	top: -25px
}

}
.tips-2qrcode {
	top: -25px;
	right: -6px
}

.tips-2qrcode.show {
	animation: tipsShow2 .5s;
	-webkit-animation: tipsShow2 .5s;
	-moz-animation: tipsShow2 .5s
}

.tips-2qrcode i {
	left: auto;
	right: 8px
}

.tips-2login {
	top: -25px;
	left: -6px
}

.tips-2login.show {
	animation: tipsShow2 .5s;
	-webkit-animation: tipsShow2 .5s;
	-moz-animation: tipsShow2 .5s
}

.qrcode-scan-error .qrcode-desc,.qrcode-scan-ok .qrcode-mod,.qrcode-login-error .qrcode-desc
	{
	display: none
}

.qrcode-scan-error .qrcode-scanerr,.qrcode-scan-ok .qrcode-msg,.qrcode-scan-ok .qrcode-scanok,.qrcode-login-error .qrcode-lgerr
	{
	display: block
}

.login-box.fold {
	z-index: 0;
	-webkit-animation: firstFold .4s ease both;
	-webkit-transform-origin: 100% 50%
}

.login-box.unfold {
	z-index: 1;
	-webkit-animation: firstUnfold .4s ease both;
	-webkit-transform-origin: 100% 50%
}

.qrcode-login.fold {
	z-index: 0;
	-webkit-animation: secondFold .4s ease both;
	-webkit-transform-origin: 0 50%
}

.qrcode-login.unfold {
	z-index: 1;
	-webkit-animation: secondUnfold .4s ease both;
	-webkit-transform-origin: 0 50%
}

.login-box.fold {
	-moz-animation: firstFold .4s ease both;
	-moz-transform-origin: 100% 50%
}

.login-box.unfold {
	-moz-animation: firstUnfold .4s ease both;
	-moz-transform-origin: 100% 50%
}

.qrcode-login.fold {
	-moz-animation: secondFold .4s ease both;
	-moz-transform-origin: 0 50%
}

.qrcode-login.unfold {
	-moz-animation: secondUnfold .4s ease both;
	-moz-transform-origin: 0 50%
}

@
-webkit-keyframes firstFold {
	from {opacity: 1;
	-webkit-transform: translateX(0) rotateY(0)
}

to {
	opacity: 0;
	-webkit-transform: translateX(-310px) rotateY(-90deg)
}

}
@
-moz-keyframes firstFold {
	from {opacity: 1;
	-moz-transform: translateX(0) rotateY(0)
}

to {
	opacity: 0;
	-moz-transform: translateX(-310px) rotateY(-90deg)
}

}
@
-webkit-keyframes firstUnfold {
	from {opacity: 0;
	-webkit-transform: translateX(-310px) rotateY(-90deg)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0) rotateY(0)
}

}
@
-moz-keyframes firstUnfold {
	from {opacity: 0;
	-moz-transform: translateX(-310px) rotateY(-90deg)
}

to {
	opacity: 1;
	-moz-transform: translateX(0) rotateY(0)
}

}
@
-webkit-keyframes secondUnfold {
	from {opacity: 0;
	-webkit-transform: translateX(310px) rotateY(90deg)
}

to {
	opacity: 1;
	-webkit-transform: translateX(0) rotateY(0)
}

}
@
-moz-keyframes secondUnfold {
	from {opacity: 0;
	-moz-transform: translateX(310px) rotateY(90deg)
}

to {
	opacity: 1;
	-moz-transform: translateX(0) rotateY(0)
}

}
@
-webkit-keyframes secondFold {
	from {opacity: 1;
	opacity: 1;
	-webkit-transform: translateX(0) rotateY(0)
}

to {
	opacity: 0;
	-webkit-transform: translateX(310px) rotateY(90deg)
}

}
@
-moz-keyframes secondFold {
	from {opacity: 1;
	opacity: 1;
	-moz-transform: translateX(0) rotateY(0)
}

to {
	opacity: 0;
	-moz-transform: translateX(310px) rotateY(90deg)
}

}
@media screen and (max-width:767px) {
	#page {
		width: auto;
		margin: 0 auto
	}
	#header {
		border-bottom: 1px solid #dedede;
		text-align: center;
		text-indent: -110px
	}
	#logo {
		height: 35px;
		padding: 20px 10px;
		overflow: hidden
	}
	.login-bg,.grid-c,#footer {
		display: none !important
	}
	.login-box {
		margin: 0 auto;
		border: 0;
		position: relative
	}
	.qrcode-login,.btn-2qrcode {
		display: none !important
	}
}